
/*1200-1500*/
@media all and (max-width:1500px) and (min-width:1500px){
	#classic .c-main ul li.mid{
		width: 288px;
		height: 475px;
	}
	#classic .c-main ul li.slide{
		width: 240px;
		height: 396px;
	}
	#classic .c-main ul li{
		width: 192px;
		height: 317px;
	}
	
}
/*900-1200*/
@media all and (max-width:1200px) and (min-width:900px){
	#header div.h-main div.h-m-nav ul.list1>li a{
		padding:23px 20px;
	}
	#banner{
		height:450px;
	}
	#banner .b-part .part1 .img1{
		top:290px;
	}
	#banner .b-part .part1 .img2{
		right:40px;
		width:500px;
		height:385px;	
	}
	#banner .b-part .part2 .img1{
		bottom:180px;
	}
	#banner .b-part .part2 .img2{
		bottom: 50px;
		right: 50px;
		width: 544px;
		height: 384px;	
	}
	#banner .b-part .part3 .img1 {
		top: 20px;
		left: 30px;
		width: 500px;
		height: 390px;
	}
	#banner .b-part .part3 .img2 {
		top: 100px;
		right: 50px;
		width: 260px;
		height: 100px;
	}
	
	
	
}
/*~900*/
@media all and (max-width:900px){
	#header div.h-main div.h-m-nav ul.list1{
		display:none;
	}
	#header div.h-main div.h-m-nav ul.list2{
		display:block;	
	}
	#header{
		background:#ffffff;
		height:100px;
	}
	#header div.h-main div.h-m-logo{
		float:none;
		width:100%;
		height:45px;
	}
	#header div.h-main div.h-m-logo a{
		width:132px;
		height:37px;
		margin:0 auto;
		padding-top: 8px;
	}

	#header div.h-main div.h-m-nav ul.list2>li{
		float:left;	
		height:100%;
	}
	#header div.h-main div.h-m-nav{
		width:100%;
		height:55px;
	}
	#header div.h-main div.h-m-nav ul.list2>li>a{
		padding: 18px 42px;
	}
	#banner .b-part .part1 .img1{
		width:200px;
		height:80px;
		left:calc(50% - 100px);
	}
	#banner .b-part .part1 .img2{
		width:330px;
		height:240px;
		left:calc(50% - 165px);
	}
	#banner .b-part .part2 .img1 {
		width: 185px;
		height: 90px;
	}
	#banner .b-part .part2 .img2 {
		width: 370px;
		height: 270px;
	}
	#banner .b-part .part3 .img1 {
		width: 350px;
		height: 270px;
	}
	#banner .b-part .part3 .img2 {
		width: 200px;
		height: 100px;
	}
	/*class*/
	#classic .c-main ul li.mid{
		width: 216px;
		height: 354px;
	}
	#classic .c-main ul li.slide{
		width: 180px;
		height: 295px;
	}
	#classic .c-main ul li{
		width: 144px;
		height: 236px;
	}
	
}
/*600-900*/
@media all and (max-width:900px) and (min-width:600px){
	#header div.h-main{
		width:600px;
	}
	#banner{
		height:350px;
	}
	#banner .b-part .part1 .img1{
		top:270px;
	}
	#banner .b-part .part1 .img2{
		top:8px;
	}
	#banner .b-part .part2 .img1 {
		top: 200px;
		left: 30px;
	}
	#banner .b-part .part2 .img2 {
		bottom: 36px;
		right: 10px;
	}
	#banner .b-part .part3 .img1 {
		top: 50px;
		left: 20px;
	}
	#banner .b-part .part3 .img2 {
		top: 100px;
		right: 50px;
	}
}
/*0~600*/
@media all and (max-width:600px){
	#header{
		min-width: 330px;
	}
	#header div.h-main{
		width:100%;
	}
	#header div.h-main div.h-m-nav ul.list2{
		width:320px;
	}
	#header div.h-main div.h-m-nav ul.list2>li>a{
		padding: 18px 19px;
	}
	#banner{
		height:400px;
		min-width: 330px;
	}
	#banner .b-part .part1 .img1{
		top:285px;
	}
	#banner .b-part .part1 .img2{
		top:23px;
	}
	#banner .b-part .part2 .img1 {
		top: 250px;
		left: 50%;
		width: 200px;
		height: 96px;
		margin-left: -100px;
	}
	#banner .b-part .part2 .img2 {
		bottom: 172px;
		right: 50%;
		width: 300px;
		height: 207px;
		margin-right: -150px;
	}
	#banner .b-part .part3 .img1 {
		top: 0;
		left: calc(50% - 150px);
		width: 300px;
		height: 233px;
	}
	#banner .b-part .part3 .img2 {
		top: 250px;
		right: calc(50% - 100px);
		width: 200px;
		height: 100px;
	}
	#classic{min-width:330px;}
	#classic .c-main ul li.mid{
		width: 198px;
		height: 327px;
	}
	#classic .c-main ul li.slide{
		visibility: hidden;
	}
	    

}